<!---总览页面真实内容-->
<template>
  <div class="ele-body">
    <a-tabs default-active-key="1" @change="callbackActivityTab">
      <a-tab-pane key="1" tab="实时状态">
        <cattle-manager-cattle-estrus-monitor :data="data" />
      </a-tab-pane>
      <a-tab-pane key="2" tab="实时数据">
        <cattle-manager-cattle-estrus-data :data="data" />
      </a-tab-pane>
      <a-tab-pane key="3" tab="爬跨记录">
        <cattle-manager-cattle-estrus-range-data :data="data" />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import CattleManagerCattleEstrusMonitor from  './estrus-monitor.vue';
import CattleManagerCattleEstrusData from './estrus-data.vue';
import CattleManagerCattleEstrusRangeData from './estrus-range-data.vue'

export default {
  name: 'CattleManagerCattleEstrus',
  components: {
    CattleManagerCattleEstrusMonitor,
    CattleManagerCattleEstrusData,
    CattleManagerCattleEstrusRangeData,
  },
  props: {
    data: Object
  },
  data() {
    return {


    };
  },
  methods: {
    callbackActivityTab (index) {
      console.log(index)
    },
  }
};
</script>
